<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>shouye</title>
    <link rel="stylesheet" href="/static/css/bootstrap.css">
</head>
<body>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<div>
    <a href="/login">会员制餐厅登录</a><br>
</div>

<div id="div1"><h2>施瓦本战争</h2></div>
<button>显示详情</button>

    {% for item in items %}
    {% if item.name == "herculians" %}
    <h1 style="color: #1b6d85; width: 600px; margin: 100px auto">Hello {{item.name}}</h1>
    {% else %}
    <h1 style="color: #1b6d85; width: 600px; margin: 100px auto">Hello World</h1>
    {% endif %}{% endfor %}

</body>

    <script>
$(document).ready(function(){
	$("button").click(function(){
		$.ajax({url:"/static/demo_test.txt",
		    success:function(result){
			    $("#div1").html(result);
		}});
	});
});

    </script>
</html>